@charset "utf-8";


.board-notice	{ width: 264px; padding: 10px; margin: 0 auto; text-align: center; box-sizing: border-box; }


.board-write	{  padding: 0 10px; }

.board-write h3	{
	font-size: 26px;
	text-align: center;
	padding: 30px 0 20px;
} 
.board-write .write-notice	{
	padding: 10px;
	font-size: 11px;
}
.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}


#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.board-category	{
	display: block;
	position: relative;
	margin-bottom: 10px; 
	
}
.board-category select	{

}

@media all and (max-width: 640px) {
#bo_v_con * {max-width:100%;}

	.board-category	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.board-category select	{
		width: 100%;
	}

	.bo_fx	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
}

.people {
	display: grid;
	grid-template-columns: repeat(3, minmax(160px, 1fr));
	gap: 12px
}
.people dl {margin:0;}
.people dt {margin:0 0 6px}
.people dd {margin:0;}
.people input.frm_input {width:100%; box-sizing: border-box; margin-top:-2px;}
.photocard-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px; 
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

#bo_cate {
	text-align:center;
}
#bo_cate li {
	display:inline-block;
	vertical-align:middle;
	margin:0.2em;
}

.avocado-grid{
  list-style:none; margin:0; padding:8px 0; overflow: visible;
  display:grid; gap:24px;
  grid-template-columns:repeat(4, minmax(0,1fr));
}
@media (max-width:1024px){ .avocado-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:720px){ .avocado-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:420px){ .avocado-grid{ grid-template-columns:1fr;} }

.avocado-grid > li{ 
  position:relative; margin:0; padding:0; background:none; border:0; box-shadow:none; overflow: visible;
}

.avocado-grid .td_chk{
  position:absolute; top:8px; left:8px; z-index:10;
  background:rgba(255,255,255,.85); padding:4px 6px; border-radius:6px;
}

.flip-card{ position:relative; width:100%; perspective:1200px; }
.flip-card::before{ content:""; display:block; padding-top:150%; }

.flip-card__inner{
  position:absolute; inset:0;
  transform-style:preserve-3d;
  overflow: visible !important;
  border-radius: 0 !important;      
  box-shadow:none;                   
  transition: none !important;
}

.flip-card__face{
  position:absolute; inset:0; display:flex;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
  transform-style:preserve-3d; transform-origin:center center;
  transition: transform .6s cubic-bezier(.2,.6,.2,1) !important;
  will-change: transform;

  border-radius:16px;
  overflow:hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.flip-card__front{ transform: rotateY(0deg) !important;  background:#111; z-index:2;  background: white; }
.flip-card__back { transform: rotateY(180deg) !important; background:#fff; color:#222;
                   display:flex; flex-direction:column; justify-content:space-between; z-index:1; }
.flip-card.is-flipped .flip-card__front{ transform: rotateY(180deg) !important; }
.flip-card.is-flipped .flip-card__back { transform: rotateY(0deg)   !important; }
.flip-card__media{
  display:block; margin:0;
  width:95%; height:97%;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  border-radius:12px; overflow:hidden;
  margin: auto;
}
.flip-card.no-photo .flip-card__media{
  background:none !important;         
}
.flip-card__hit{ position:absolute; inset:0; border:0; background:transparent; cursor:pointer;
                 z-index:5; pointer-events:auto; }
.flip-card__back__content{ padding:16px; overflow:auto; }
.flip-card__title{ font-size:1.05rem; line-height:1.35; margin:0 0 8px; font-weight:700;
                   display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.meta{ font-size:.92rem; line-height:1.5; color:#333; margin:.25rem 0; }

.ticket{
  display:flex; flex-direction:column;
  height:100%;
  background:#fff; color:#222;
  border-radius:16px; overflow:hidden;
  padding:18px 16px 12px;
  min-height:0; 
}

.t-scroll{
  flex:1 1 auto;
  min-height:0;         
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding-right:6px;        
}

.t-scroll::-webkit-scrollbar{ width:6px; }
.t-scroll::-webkit-scrollbar-thumb{ background:#bbb; border-radius:6px; }
.t-scroll::-webkit-scrollbar-track{ background:transparent; }
.t-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.t-head-left{ font-size:.9rem; color:#666; }
.t-head-right{ font-size:.9rem; color:#111;}
.t-title{
  font-size:1.35rem; line-height:1.3; font-weight:800; margin:8px 0 2px;
  border-bottom:0; 
}
.t-sub{ font-size:.98rem; color:#333; margin-bottom:10px; }
.t-hr{ border:0; border-top:2px solid #222; margin:6px 0 12px; }
.t-pair{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.t-pill{ font-size:.9rem; color:#222; }
.t-hall{ font-size:0.9rem; margin:10px 0; }
.t-people{ display:flex; gap:12px; flex-wrap:wrap; margin:14px 0; }
.t-people span{ font-size:12px; }
.t-barcode{ margin:8px 0 6px; text-align:center; }
.t-barcode__link{ display:block; text-decoration:none; color:inherit; }
.t-barcode__link:hover .t-barcode__txt{ text-decoration:underline; }
.t-barcode__code{
  font-family:'Free3of9','Libre Barcode 39','Courier New',monospace;
  font-size:56px; line-height:1; letter-spacing:2px;
  margin:12px auto 0px; display:block; user-select:none; color:#000;
}
.t-barcode__txt{ font-size:.95rem; color:#111; overflow-wrap:anywhere; }
.t-actions{
  margin-top:auto; display:flex; gap:8px; justify-content:flex-start; align-items:center;
}
.t-barcode__txt{ display:none !important; }
.t-heading{
  position: relative;
  padding: 10px 0 12px;  
  margin: 8px 0 14px;    
}
.t-heading::before,
.t-heading::after{
  content:"";
  position:absolute; left:0; right:0;
  height:2px; background:#222; border-radius:2px;
}
.t-heading::before{ top:0; }
.t-heading::after { bottom:0; }
.noimg{ color:#bbb; font-size:.9rem; letter-spacing:.08em; margin:auto !important}